html,body{
    width: 100%;
    height: 100%;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.color{
    width: 100%;
    height: 100%;
    background:linear-gradient(0deg,red,orange,green,blue,purple,pink);
    text-align: center;  
    img{
        .px2rem(width,229);
        .px2rem(height,235);
        margin: 50% 0 0 0;
    }
    p{
        font-family: "宋体";
        text-align: center;
        padding-top:40%;  
        .px2rem(font-size,24);
        span{
            .px2rem(font-size,58);
            font-family: "黑体";
        }
    }
}
.color1{
    width: 100%;
    height: 100%;
    background:linear-gradient(0deg,red,orange,green,blue,pink);
    img{
        .px2rem(width,229);
        .px2rem(height,235);
        margin: 50% 0 0 35%;
    }
    .big_character{
        .px2rem(margin-top,32);
        font-family: "黑体";
        text-align: center;
        color: #FFF;
        .px2rem(font-size,127);
    }
    .little_character{
        font-family: "黑体";
        text-align: center;
        color: #FFF;
        .px2rem(font-size,53);
    }
    .btn{
        width:100%;
        .px2rem(padding-top,300);
        display: flex;
        justify-content: space-around;
        button{
            .px2rem(width,292);
            .px2rem(height,116);
            background: #FFF;
            outline: none;
            border-radius:30%;
            .px2rem(font-size,46);
        }
        button:active{
            background: #1679d3;
            color:#FFF;
            text-decoration: none;
        }      
    }
}